<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
    <title>足迹详情</title> 
    <meta name="viewport" content="height = device-height, width=device-width, initial-scale=1, user-scalable=no">
    <link href="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.css" rel="stylesheet"> 
    	<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-base.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-box.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-color.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-res.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-style.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/layout.css">
    
	<script src="${ctxStatic}/jquery/1.11.1/jquery-1.11.1.min.js"></script>
	<script src="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.js"></script>	
<!-- <script type="text/javascript">
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	WeixinJSBridge.call('hideOptionMenu');
	});
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	WeixinJSBridge.call('showToolbar');
	});
</script>	 -->
</head>
<body class="um-vp bg-gray" ontouchstart>
<div data-role="page" data-theme="none">
        <div id="page_0"  class="up ub ub-ver "  tabindex="0">
            <!--header开始-->
           <div id="header" class="uh c-m3 t-wh headerbg">
                <h1 class="hbg ulev0 ut-s tx-c headerPo" tabindex="0"><a class="btnBack" href="${ctx}/shopIndex/${shopid}-${openid}-${track}" data-ajax="false"></a><span   id="headtitle">${shop.shop_name}</span><a href="" class="textReport"></a></h1>
            </div>
			<!--content开始-->
            <div id="content" class="contentC">
			    <div class="shopView borderBottom">
                	
                 	<c:choose>
                	<c:when test="${shop.head_image eq null  or shop.head_image eq '无'}">
                	<div class="shopPic"><img src="${ctx}/images/logo_kaka.png"></div>
                	</c:when>
                	<c:otherwise>
                		<div class="shopPic"><img src="${serverUrl}${shop.head_image}"></div>
                		</c:otherwise>
                	</c:choose>	
						<div class="shopInfo">
							<a>
							  <ul class="infoList">
								<li class="tittle">${shop.shop_name}</li>
								<li class="text_info">${shop.address}</li>
								<li></li>
							 </ul></a>
							
						</div>
                	<a href="/report/${shopid}" class="textReport">举报</a>
                </div>
				<div class="footPrintInfo">
					  <h1>我在这里留下了${size}条足迹...</h1>
					  <h2>可用卡点：<span class="textBlue">${us.use_point}<c:if test="${us.use_point eq null}">0</c:if>个</span>，有<span class="textBlue">&nbsp;${daoqi.usable_count}<c:if test="${daoqi eq null}">0</c:if>&nbsp;</span>个卡点将在<span class="textBlue">&nbsp;<fmt:formatDate value="${daoqi.valid_date}" pattern="yyyy年MM月dd日"/>&nbsp;</span>到期，您共获得过${us.count_point}<c:if test="${us.count_point eq null}">0</c:if>个卡点</h2>
                </div>
                <ul class="footPrintList">
                <c:forEach items="${list}" var="list">
                <li><fmt:formatDate value="${list.create_date}" pattern="yyyy.MM.dd" type="date" dateStyle="long" /><c:if test="${list.create_date ne null}">&nbsp;&nbsp;</c:if><c:if test="${list.count eq null && list.exchange_point eq null}">本店暂无您的足迹</c:if>
					<c:if test="${list.remarks eq null && list.exchange_point eq null}">消费一次，获得${list.count}个卡点</c:if>
					<c:if test="${fn:contains(list.remarks, '点赞')}">${list.remarks}</c:if>
					<c:if test="${fn:contains(list.remarks, '分享')}">${list.remarks}</c:if>
					<c:if test="${fn:contains(list.remarks, '提供')}">${list.remarks}</c:if>
					<c:if test="${fn:contains(list.remarks, '系统自动')}">系统认领，获得${list.count}个卡点</c:if>
					<c:if test="${fn:contains(list.remarks, '关注')}">${list.remarks}</c:if>
					<c:if test="${fn:contains(list.remarks, '签到')}">${list.remarks}</c:if>
                	<c:if test="${list.remarks eq null && list.exchange_point ne null}">${list.exchange_point}个卡点兑换${list.exchange_content}</c:if>
                </li>
                </c:forEach>
                </ul>
<%-- 				<ul class="footPrintList">
				<c:forEach items="${ts}" var="log">
					<li><fmt:formatDate value="${log.create_date}" pattern="yyyy.MM.dd" type="date" dateStyle="long" /><c:if test="${log.create_date ne null}">&nbsp;&nbsp;</c:if><c:if test="${log.count eq null}">本店暂无您的足迹</c:if>
					<c:if test="${log.remarks eq null}">消费一次，获得${log.count}个卡点</c:if>
					<c:if test="${fn:contains(log.remarks, '点赞')}">认领点赞，获得${praise.presenter_count}个卡点</c:if>
					<c:if test="${fn:contains(log.remarks, '分享')}">认领分享，获得${share.presenter_count}个卡点</c:if>
					<c:if test="${fn:contains(log.remarks, '系统自动')}">系统认领，获得${log.count}个卡点</c:if>
					</li>
				</c:forEach>
				</ul>
				<c:if test="${fn:length(exs)>0}">
				<ul class="footPrintList borderTop">
				<c:forEach items="${exs}" var="log1">
					<li><fmt:formatDate value="${log1.create_date}" pattern="yyyy.MM.dd" type="date" dateStyle="long" /><c:if test="${log1.create_date ne null}">&nbsp;&nbsp;</c:if><c:if test="${log1.exchange_point eq null}">本店暂无您的足迹</c:if>
					${log1.exchange_point}个卡点兑换${log1.exchange_content}
					</li>
				</c:forEach>
				</ul>	
				</c:if>			
 --%>            </div>
            <!--content结束-->
			<!--footer开始-->
            <div id="footer" class="uf c-m2 c-bla t-wh">
            </div>
            <!--footer结束-->
        </div>

</div>
</body> 
</html>